import { Canvas } from "@react-three/fiber";
import { Scence } from "./components/Scence";
import styled from "styled-components";
import { Lizi } from "./utils/Lizi";
const Box = styled.div`
  width: 100%;
  height: 700px;
`;
const CameraLength = 100;
export function Lizitexiao() {
  return (
    <Box>
      <Canvas
        camera={{
          fov: 75,
          near: 0.1,
          far: 1000,
          position: [
            Math.sin(45) * CameraLength,
            0,
            Math.cos(45) * CameraLength,
          ],
        }}
      >
        <Scence></Scence>
        <Lizi></Lizi>
      </Canvas>
    </Box>
  );
}
